<template>
    <div class="">
        YiChang.vue 组件

        <button @click="goToWuHan"> 点击跳转到武汉组件</button>
    </div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';
import { reactive, toRefs, ref } from "vue"


import { useRouter } from 'vue-router'

export default {
    name: "",
    //import引入的组件需要注入到对象中才能使用
    components: {},
    //这里存放数据
    setup () {
        const data = reactive({

        })

        const router = useRouter()

        const goToWuHan = () => {
            // query==>path
            router.push({ path: '/user/wuhan', query: { name: 'zs' } })

            //  params==>name
            router.push({ name: 'wuhan', params: { name: 'lisi' } })

            // router.push({ path: '/user/wuhan', params: { name: 'lisi params' } }) // 错误的写法

        }
        return {
            data,
            goToWuHan
        }
    }
}
</script>

<style lang="css" scoped>
</style>
